<template>
	<view>
		<view class="bottom_setup">
			<view class="bottom_white">
				<u-button @click="headback"  class="custom-styles" :plain="true" type="primary" :text="backtitle"></u-button>
				<u-button @click="ngtocost(next)" class="custom-style" type="primary" :text="nexttitle"></u-button>
				<!-- 测试子组件调用父组件方法 -->
				<!-- <u-button @click="god()" class="custom-style" type="primary" text="下一步(费用明细)"></u-button> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['next','backtitle','nexttitle'],
		data() {
			return {
				
			}
		},
		methods: {
			headback(){
				uni.navigateBack({})
			},
			ngtocost(next){
				uni.navigateTo({
					url:next+''
				})
			},
			//测试子组件调用父组件生效
			child(){
				this.$emit('parent')
			}
		}
	}
</script>

<style scoped lang="scss">
.bottom_setup{
		width: 100%;
		background-color: white;
		box-shadow: 5px -10rpx 5px 0px rgba(225, 225, 225,.4),;
		.bottom_white{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			height: 150rpx;
			.custom-styles{
				padding: 20rpx 30rpx;
				width: 300rpx;
				height: 100rpx;
			}
			.custom-style{
				padding: 20rpx 30rpx;
				width: 300rpx;
				height: 100rpx;
				background-color: #007aff;
			}
		}
	}
</style>
